<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/facelets/templates/zona-privada-principal.xhtml">

	<ui:define name="title"> Gesti&#243;n de usuarios clientes </ui:define>
	<ui:define name="nameForm"> Gesti&#243;n de usuarios clientes </ui:define>
	<ui:define name="content">
		<p:growl id="growl" showDetail="true" sticky="false" globalOnly="true" />

		<h:form id="formBusqueda" styleClass="ui-widget" prependId="false">
			<div id="sub-header">
				<div id="nameForm">Gesti&#243;n de usuarios clientes</div>

				<div id="toolBar">
					<p:commandLink id="botonBuscar" action="#{usuarioClienteController.buscarClientes}"
								   process="@this,plgFiltro" update="plgDtClientes">
						<h:graphicImage library="images" name="buscar.png" styleClass="toolbar-icon" 
										alt="Buscar" title="Buscar" />
					</p:commandLink>
					<p:spacer width="10px" />

					<p:commandLink process="@this" action="#{usuarioClienteController.limpiarFiltro}"
								   update="plgFiltro" global="false">
						<h:graphicImage library="images" name="limpiar.png"
										styleClass="toolbar-icon" alt="Limpiar" title="Limpiar" />
					</p:commandLink>
					<p:defaultCommand target="botonBuscar"/>
				</div>
			</div>
			<div id="content">
				<div class="panel-filtro">
					<h:panelGroup id="plgFiltro">
						<p:panelGrid columns="6">
							<h:outputLabel styleClass="label-general" value="Raz&#243;n social / Nombres: " />
							<p:inputText styleClass="input-general" maxlength="100"
										 value="#{usuarioClienteController.clienteForm.nombre}" />

							<h:outputLabel styleClass="label-general" value="#{etiquetaController.etiquetaDocumentoIdentidad}: " />
							<p:inputText styleClass="input-general" maxlength="15"
										 value="#{usuarioClienteController.clienteForm.dni}" />

							<h:outputLabel styleClass="label-general" value="#{etiquetaController.etiquetaRuc}: " />
							<p:inputText styleClass="input-general" maxlength="15" value="#{usuarioClienteController.clienteForm.ruc}" />
						</p:panelGrid>
					</h:panelGroup>

				</div>
				<p:spacer height="25" />

				<div class="divResultados">
					<h:panelGroup id="plgDtClientes">
						<p:dataTable id="dtUsuario" var="clie" value="#{usuarioClienteController.listaClientesLazy}"
									 rowKey="#{clie.idCliente}" lazy="true"
									 emptyMessage=""
									 paginator="true" rows="10" paginatorPosition="top"
									 paginatorTemplate="{FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
									 currentPageReportTemplate="{currentPage} de {totalPages}">
									 
							<p:column headerText="Cliente" sortBy="#{clie.cliente.nombre}">
								<h:outputText value="#{clie.nombre}" />
							</p:column>
							<p:column
								headerText="#{etiquetaController.etiquetaDocumentoIdentidad}"
								styleClass="widthColumnCodigoDataTale">
								<h:outputText value="#{clie.dni}" />
							</p:column>
							<p:column headerText="#{etiquetaController.etiquetaRuc}"
								styleClass="widthColumnCodigoDataTale">
								<h:outputText value="#{clie.ruc}" />
							</p:column>
							<p:column styleClass="boton-data-table-centrado">
								<f:facet name="header">
									<h:outputText value="" />
								</f:facet>
								<p:commandLink action="#{usuarioClienteController.cargarDetalleCliente(clie)}"
											   oncomplete="wvPopupDetalleCliente.show()"
											   process=":formBusqueda:plgDtClientes" update=":formClientes:panelClienteNuevo,:formClientes:plgDtUsuarioCliente"
											   title="Ver detalle">
									<h:graphicImage library="images" name="editar.png" styleClass="icon-small" />
								</p:commandLink>
							</p:column>
							<f:facet name="footer">
								<div class="pie-cantidad-resultados">
									<h:outputText
										rendered="#{usuarioClienteController.listaClientesLazy.rowCount>0}"
										value="Se encontraron #{usuarioClienteController.listaClientesLazy.rowCount} clientes." />
									<h:outputText
										rendered="#{usuarioClienteController.listaClientesLazy.rowCount==0}"
										value="No se encontraron clientes." />
								</div>

							</f:facet>
						</p:dataTable>
					</h:panelGroup>
				</div>

			</div>
		</h:form>
		<h:form styleClass="ui-widget" id="formClientes" prependId="false">
			<p:dialog id="popupDetalleCliente" widgetVar="wvPopupDetalleCliente" header="Detalle cliente" 
					  modal="true" resizable="false" closable="true" appendToBody="true">
				<div class="panel-general-popup">
					<h:panelGroup id="panelClienteNuevo">
						<h:outputLabel value="Datos del cliente"
							styleClass="nombreSubBloque" />
						<div class="panel-formulario" align="center">

							<p:panelGrid style="border:none;">
								<p:row>
									<p:column>
										<h:outputLabel styleClass="label-general"
											value="Raz. social / Nombres: " />
									</p:column>
									<p:column>
										<h:outputText styleClass="texto-general"
											value="#{usuarioClienteController.cliente.nombre}" />
									</p:column>
									<p:column>
										<h:outputLabel styleClass="label-general"
											value="#{etiquetaController.etiquetaRuc}:  " />
									</p:column>
									<p:column>
										<h:outputText styleClass="texto-general"
											value="#{usuarioClienteController.cliente.ruc}" />
									</p:column>

								</p:row>
								<p:row>
									<p:column>
										<h:outputLabel styleClass="label-general" value="#{etiquetaController.etiquetaDocumentoIdentidad}: " />
									</p:column>
									<p:column>
										<h:outputText styleClass="texto-general" value="#{usuarioClienteController.cliente.dni}" />
									</p:column>
									<p:column>
										<h:outputLabel styleClass="label-general" value="Persona: " />
									</p:column>
									<p:column>
										<h:outputText styleClass="texto-general" converter="tipoPersonaConverter"
													  value="#{usuarioClienteController.cliente.tipoPersona}" />
									</p:column>
								</p:row>

								<p:row>
									<p:column>
										<h:outputLabel styleClass="label-general" value="Direcci&#243;n: " />
									</p:column>
									<p:column colspan="3">
										<h:outputText styleClass="texto-general" value="#{usuarioClienteController.cliente.direccion}" />
									</p:column>
								</p:row>
								
							</p:panelGrid>
						</div>
						<p:spacer height="10"></p:spacer>
					</h:panelGroup>

					<div class="panel-botones" align="center">
						<p:commandButton value="Agregar usuario" action="#{usuarioClienteController.limpiarFormNuevoUsuario}"
										 icon="ui-icon ui-icon-plusthick" global="false"
										 oncomplete="wvPopupUsuarioClienteNuevo.show(); limpiarFormulario('panelDatosNuevoUsuario');"
										 process="@this" update="panelDatosNuevoUsuario"/>
					</div>
					<div class="div">
						<p:spacer height="10px" />
						<h:panelGroup id="plgDtUsuarioCliente">
							<p:dataTable id="dtUsuarioCliente" var="usuCli"
										 style="width:610px"
										 value="#{usuarioClienteController.listaUsuarioCliente}"
										 rowKey="#{usuCli.idUsuarioCliente}"
										 emptyMessage=""
										 paginator="true" rows="10" paginatorPosition="top"
										 paginatorTemplate="{FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
										 currentPageReportTemplate="{currentPage} de {totalPages}">
 
								<p:column headerText="Tipo documento">
									<h:outputText value="#{usuCli.nombreTipoDoc}" />
								</p:column>
								<p:column style="width:125px;" headerText="N&#176; documento">
									<h:outputText value="#{usuCli.numeroDocumento}" />
								</p:column>
								<p:column headerText="Nombre">
									<h:outputText
										value="#{usuCli.nombre} #{usuCli.apellido}" />
								</p:column>

								<p:column styleClass="centrar-contenido" style="width:2%">
									<f:facet name="header">
										<h:outputText value="" />
									</f:facet>
									<p:commandLink
										action="#{usuarioClienteController.cargarDetalleUsuarioClienteEditar(usuCli)}"
										oncomplete="wvPopupUsuarioClienteEditar.show()"
										process=":formClientes:plgDtUsuarioCliente"
										update=":formClientes:panelDatosEditarUsuario,:formClientes:plgDtUsuarioCliente"
										title="Ver detalle">
										<h:graphicImage library="images" name="editar.png" styleClass="icon-small" />
									</p:commandLink>
								</p:column>

								<p:column styleClass="centrar-contenido" style="width:2%">
									<p:commandLink process=":formClientes:plgDtUsuarioCliente" oncomplete="wvPopupEliminarUsuarioCliente.show()">
										<h:graphicImage library="images" name="eliminar.png" styleClass="icon-small" alt="Eliminar" title="Eliminar" />
										<f:setPropertyActionListener value="#{usuCli}" target="#{usuarioClienteController.usuarioClienteEliminar}" />
									</p:commandLink>
								</p:column>

								<f:facet name="footer">
									<div class="pie-cantidad-resultados">
										<h:outputText value="#{not empty usuarioClienteController.listaUsuarioCliente ? 
													   			 (usuarioClienteController.listaUsuarioCliente.size() == 1 ? 'Se encontr&#243; 1 usuario': 
													   																         'Se encontraron '.concat(usuarioClienteController.listaUsuarioCliente.size())
													   																                          .concat(' usuarios'))
													   			 : 'No se encontraron usuarios' }"/>
									</div>
								</f:facet>
							</p:dataTable>
						</h:panelGroup>
						<div class="panel-botones" align="center">
							<p:commandButton value="Salir" process="@this" global="false"
											 icon="ui-icon-arrowreturn-1-w"
											 oncomplete="wvPopupDetalleCliente.hide();"
											 styleClass="buton-general" />
						</div>
					</div>
				</div>
			</p:dialog>

			<p:dialog id="popupUsuarioClienteNuevo" position="center"
					  widgetVar="wvPopupUsuarioClienteNuevo" header="Nuevo usuario"
					  modal="true" resizable="false" closable="true">

				<div class="panel-general-popup">
					<h:panelGroup id="panelDatosNuevoUsuario">

						<h:outputLabel> Datos del usuario </h:outputLabel>
						<br />
						<br />
						<div class="panel-formulario">
							<p:panelGrid  columns="4" >

								<h:outputLabel styleClass="label-general">Usuario: <span>( * )</span></h:outputLabel>
								<p:inputText id="usuarioBusqueda" maxlength="15"
											 styleClass="input-general"
											 value="#{usuarioClienteController.usuarioNuevo.usuario}"
											 requiredMessage="Usuario: Requerido." title="usuario"
											 required="true">
									<f:validator validatorId="alfanumericoValidator"/>
									<f:validator binding="#{usuarioClienteValidator}"/>
									<f:attribute name="campo" value="Usuario" />
									<p:ajax update="msgUsuarioBusqueda" global="false"/>
								</p:inputText>

								<h:outputLabel styleClass="label-general">Cargo: <span>( * )</span></h:outputLabel>
								<p:inputText id="cargoNuevo" styleClass="input-general"
											 value="#{usuarioClienteController.usuarioClienteNuevo.cargo}"
											 title="Cargo" required="true" maxlength="50"
											 requiredMessage="Cargo: Requerido.">
									 <f:validator validatorId="alfanumericoPuntoValidator"/>
									 <f:attribute name="campo" value="Cargo" />
									 <p:ajax update="msgcargoNuevo" global="false"/>
								</p:inputText>

								<h:outputLabel styleClass="label-general">Nombres: <span>( * )</span></h:outputLabel>
								<p:inputText id="nombresUsuarioNuevo" maxlength="50"
											 styleClass="input-general"
											 value="#{usuarioClienteController.usuarioNuevo.nombres}"
											 requiredMessage="Nombres: Requerido." title="Nombres"
											 required="true">
									<f:validator validatorId="alfanumericoValidator"/>
									<f:attribute name="campo" value="Nombres" />
									<p:ajax update="msgNombresUsuarioNuevo" global="false"/>
								</p:inputText>

								<h:outputLabel styleClass="label-general">Apellidos: <span>( * )</span></h:outputLabel>
								<p:inputText id="apellidosUsuarioNuevo" maxlength="50"
											 styleClass="input-general"
											 value="#{usuarioClienteController.usuarioNuevo.apellidos}"
											 requiredMessage="Apellidos: Requerido." title="Apellidos"
											 required="true">
									<f:validator validatorId="alfanumericoValidator"/>
									<f:attribute name="campo" value="Apellidos" />
									<p:ajax update="msgApellidosUsuarioNuevo" global="false"/>
								</p:inputText>

								<h:outputLabel styleClass="label-general" value="Tipo doc.: " />
								<p:selectOneMenu value="#{usuarioClienteController.tipoDocumentoNuevo.idTipoDocumento}" 
												 styleClass="select-general">
									<f:selectItems var="tipoDoc" value="#{usuarioClienteController.listaTipoDocumentos}"
												   itemValue="#{tipoDoc.idTipoDocumento}" itemLabel="#{tipoDoc.nombre}"/>
								</p:selectOneMenu>
								<h:outputLabel styleClass="label-general">N&#176; documento: <span>( * )</span></h:outputLabel>
								<p:inputText id="numeroDocumento" maxlength="10" required="true"
											 requiredMessage="Nro Documento: Requerido."
											 styleClass="input-general"
											 value="#{usuarioClienteController.usuarioClienteNuevo.numeroDocumento}"
											 title="Numero de documento">
									<f:validator validatorId="alfanumericoValidator" />
									<f:attribute name="campo" value="Nro. Documento" />
									<p:ajax update="msgnumeroDocumento" global="false" />
								</p:inputText>

								<h:outputLabel styleClass="label-general" value="#{etiquetaController.etiquetaTelefono1}:( * * )" />
								
								<p:inputText id="telefonoFijoNuevo" maxlength="10"
											 styleClass="input-general"
											 value="#{usuarioClienteController.usuarioClienteNuevo.telefonoFijo}"
											 title="telefono fijo">
									<f:validator validatorId="telefonoValidator"/>
									<f:attribute name="campo" value="Tel. fijo" />
									<p:ajax update="msgtelefonoFijoNuevo" global="false"/>
								</p:inputText>

								<h:outputLabel styleClass="label-general" value="#{etiquetaController.etiquetaTelefono2}:( * * )" />
								<p:inputText id="rpcNuevo" value="#{usuarioClienteController.usuarioClienteNuevo.telefonoRpc}" 
											 maxlength="10" styleClass="input-general" title="RPC">
									<f:validator validatorId="telefonoValidator"/>
									<f:attribute name="campo" value="RPC" />
									<p:ajax update="msgrpcNuevo" global="false"/>
								</p:inputText>

								<h:outputLabel styleClass="label-general" value="#{etiquetaController.etiquetaTelefono3}:( * * )" />
								<p:inputText id="rpmNuevo" maxlength="10"
											 styleClass="input-general"
											 value="#{usuarioClienteController.usuarioClienteNuevo.telefonoRpm}"
											 title="RPM">
									<f:validator validatorId="telefonoValidator"/>
									<f:attribute name="campo" value="RPM" />
									<p:ajax update="msgrpmNuevo" global="false"/>
								</p:inputText>

								<h:outputLabel styleClass="label-general" value="#{etiquetaController.etiquetaTelefono4}:( * * )" />
								<p:inputText id="nextelNuevo" maxlength="10"
									styleClass="input-general"
									value="#{usuarioClienteController.usuarioClienteNuevo.telefonoNextel}"
									title="Nextel">
									<f:validator validatorId="telefonoValidator" />
									<f:attribute name="campo" value="Nextel" />
									<p:ajax update="msgnextelNuevo" global="false"/>
								</p:inputText>

								<h:outputLabel styleClass="label-general">Correo: </h:outputLabel>
								<p:inputText id="correoNuevo" maxlength="50"
									styleClass="input-general"
									value="#{usuarioClienteController.usuarioNuevo.correo}"
									title="Correo">
									<f:validator validatorId="emailValidator" />
									<f:attribute name="campo" value="Correo" />
									<p:ajax update="msgcorreoNuevo" global="false"/>
								</p:inputText>

								<h:outputLabel styleClass="label-general" value="Estado: " />
								<p:selectOneMenu styleClass="select-general"
									value="#{usuarioClienteController.usuarioClienteNuevo.estado}">
									<f:selectItem itemLabel="Activo" itemValue="A" />
									<f:selectItem itemLabel="Inactivo" itemValue="I" />
								</p:selectOneMenu>

								<h:outputLabel styleClass="label-general"
									value="Contrase&#241;a:" />
								<p:password id="contraseniaUsuarioNuevo"
									styleClass="input-general"
									value="#{usuarioClienteController.usuarioNuevo.contrasenia}"
									feedback="true" promptLabel="Ingrese una contrase&#241;a"
									weakLabel="Poco segura" title="Contrase&#241;a" required="true"
									requiredMessage="Contrase&#241;a: Requerida."
									goodLabel="Aceptable" strongLabel="Segura">
									<p:ajax update="msgcontraseniaUsuarioNuevo" global="false"/>
								</p:password>

								<h:outputLabel styleClass="label-general"
									value="Repetir contrase&#241;a: " />
								<p:password id="repetirContraseniaUsuarioNuevo"
									styleClass="input-general"
									value="#{usuarioClienteController.usuarioNuevo.repetirContrasenia}"
									title="Repita la contrase&#241;a" required="true"
									requiredMessage="Repetir Contrase&#241;a: Requerida.">
									<p:ajax update="msgRepetirContraseniaUsuarioNuevo" global="false"/>
								</p:password>

							</p:panelGrid>
						</div>

						<div class="panel-botones" align="center">
							<p:commandButton id="btnGuardarNuevoUsuario" styleClass="buton-general" 
											 action="#{usuarioClienteController.guardarUsuarioClienteNuevo}" 
											 value="Guardar" icon="ui-icon-disk"
											 process="@this,panelDatosNuevoUsuario" update="panelDatosNuevoUsuario,plgDtUsuarioCliente,:growl"
											 oncomplete="ocultarDialogSiOperacionEsCorrecta(xhr, status, args,wvPopupUsuarioClienteNuevo);"/>
							<span>&#160;</span>
							<p:commandButton value="Cancelar" styleClass="buton-general" 
											 process="@this" icon="ui-icon-arrowreturn-1-w"
											 onclick="wvPopupUsuarioClienteNuevo.hide();"
											 global="false"/>
						</div>

						<div class="panelMessages">
							<p:message id="msgUsuarioBusqueda" for="usuarioBusqueda" />
							<p:message id="msgNombresUsuarioNuevo" for="nombresUsuarioNuevo" />
							<p:message id="msgApellidosUsuarioNuevo" for="apellidosUsuarioNuevo" />
							<p:message id="msgcargoNuevo" for="cargoNuevo" />
							<p:message id="msgtelefonoFijoNuevo" for="telefonoFijoNuevo" />
							<p:message id="msgnumeroDocumento" for="numeroDocumento" />
							<p:message id="msgrpcNuevo" for="rpcNuevo" />
							<p:message id="msgrpmNuevo" for="rpmNuevo" />
							<p:message id="msgnextelNuevo" for="nextelNuevo" />
							<p:message id="msgcorreoNuevo" for="correoNuevo" />
							<p:message id="msgcontraseniaUsuarioNuevo" for="contraseniaUsuarioNuevo" />
							<p:message id="msgRepetirContraseniaUsuarioNuevo" for="repetirContraseniaUsuarioNuevo" />
						</div>
					</h:panelGroup>
				</div>
			</p:dialog>

			<p:dialog id="popupUsuarioClienteEditar"
					  widgetVar="wvPopupUsuarioClienteEditar" header="Editar usuario"
					  position="center" modal="true" resizable="false"
					  closable="true">

				<div class="panel-general-popup">
					<h:panelGroup id="panelDatosEditarUsuario">
						<div class="panel-formulario">
							<p:panelGrid columns="4">

								<h:outputLabel styleClass="label-general">Usuario : </h:outputLabel>
								<p:inputText id="usuarioBusquedaEditar" disabled="true"
									styleClass="input-general"
									value="#{usuarioClienteController.usuarioEditar.usuario}"
									title="usuario">
								</p:inputText>

								<h:outputLabel styleClass="label-general">Cargo: <span>( * )</span></h:outputLabel>
								<p:inputText id="cargoEditar" value="#{usuarioClienteController.usuarioClienteEditar.cargo}"
											 styleClass="input-general" title="Cargo" required="true"
											 maxlength="50" requiredMessage="Cargo: Requerido">
									<f:validator validatorId="alfanumericoValidator"/>
									<f:attribute name="campo" value="Cargo" />
									<p:ajax update="msgcargoEditar" global="false"/>
								</p:inputText>

								<h:outputLabel styleClass="label-general">Nombres: <span>( * )</span></h:outputLabel>
								<p:inputText id="nombresUsuarioEditar" value="#{usuarioClienteController.usuarioEditar.nombres}"
											 maxlength="50" styleClass="input-general"
											 title="Nombres" required="true"
											 requiredMessage="Nombres: Requerido.">
									<f:validator validatorId="alfanumericoValidator"/>
									<f:attribute name="campo" value="Nombres" />
									<p:ajax update="msgNombresUsuarioEditar" global="false"/>
								</p:inputText>

								<h:outputLabel styleClass="label-general">Apellidos: <span>( * )</span></h:outputLabel>
								<p:inputText id="apellidosUsuarioEditar" maxlength="50"
											 styleClass="input-general"
											 value="#{usuarioClienteController.usuarioEditar.apellidos}"
											 title="Apellidos" required="true"
											 requiredMessage="Apellidos: Requerido.">
									<f:validator validatorId="alfanumericoValidator"/>
									<f:attribute name="campo" value="Apellidos" />
									<p:ajax update="msgApellidosUsuarioEditar" global="false"/>
								</p:inputText>

								<h:outputLabel styleClass="label-general" value="Tipo doc.: " />
								<p:selectOneMenu value="#{usuarioClienteController.tipoDocumentoEditar.idTipoDocumento}" 
												 styleClass="select-general">
									<f:selectItems var="tipoDoc" value="#{usuarioClienteController.listaTipoDocumentos}"
										 		   itemValue="#{tipoDoc.idTipoDocumento}" itemLabel="#{tipoDoc.nombre}"/>
								</p:selectOneMenu>

								<h:outputLabel styleClass="label-general">N&#176; documento: <span>( * )</span></h:outputLabel>
								<p:inputText id="numeroDocumentoEditar" maxlength="15"
											 required="true" requiredMessage="Nro. Documento: Requerido."
											 value="#{usuarioClienteController.usuarioClienteEditar.numeroDocumento}"
											 styleClass="input-general" title="Numero de documento">
									<f:validator validatorId="alfanumericoValidator"/>
									<f:attribute name="campo" value="Nro. Documento" />
									<p:ajax update="msgnumeroDocumentoEditar" global="false"/>
								</p:inputText>

								<h:outputLabel styleClass="label-general" value="#{etiquetaController.etiquetaTelefono1}:( * * )" />
								<p:inputText id="telefonoFijoEditar" maxlength="10"
											 styleClass="input-general"
											 value="#{usuarioClienteController.usuarioClienteEditar.telefonoFijo}"
											 title="telefono fijo">
									<f:validator validatorId="telefonoValidator" />
									<f:attribute name="campo" value="Tel. Fijo" />
									<p:ajax update="msgtelefonoFijoEditar" global="false"/>
								</p:inputText>

								<h:outputLabel styleClass="label-general" value="#{etiquetaController.etiquetaTelefono2}:( * * )" />
								<p:inputText id="rpcEditar" maxlength="15"
									styleClass="input-general"
									value="#{usuarioClienteController.usuarioClienteEditar.telefonoRpc}"
									title="RPC">
									<f:validator validatorId="telefonoValidator"/>
									<f:attribute name="campo" value="RPC" />
									<p:ajax update="msgrpcEditar" global="false"/>
								</p:inputText>

								<h:outputLabel styleClass="label-general" value="#{etiquetaController.etiquetaTelefono3}:( * * )" />
								<p:inputText id="rpmEditar" maxlength="15"
									styleClass="input-general"
									value="#{usuarioClienteController.usuarioClienteEditar.telefonoRpm}"
									title="RPM">
									<f:validator validatorId="telefonoValidator"/>
									<f:attribute name="campo" value="RPM" />
									<p:ajax update="msgrpmEditar" global="false"/>
								</p:inputText>

								<h:outputLabel styleClass="label-general" value="#{etiquetaController.etiquetaTelefono4}:( * * )" />
								<p:inputText id="nextelEditar" maxlength="15"
									styleClass="input-general"
									value="#{usuarioClienteController.usuarioClienteEditar.telefonoNextel}"
									title="Nextel">
									<f:validator validatorId="telefonoValidator"/>
									<f:attribute name="campo" value="Nextel" />
									<p:ajax update="msgnextelEditar" global="false"/>
								</p:inputText>

								<h:outputLabel styleClass="label-general">Correo: </h:outputLabel>
								<p:inputText id="correoEditar" maxlength="50"
									styleClass="input-general"
									value="#{usuarioClienteController.usuarioEditar.correo}"
									title="Correo">
									<f:validator validatorId="emailValidator" />
									<f:attribute name="campo" value="Correo" />
									<p:ajax update="msgcorreoEditar" />
								</p:inputText>

								<h:outputLabel styleClass="label-general" value="Estado: " />
								<p:selectOneMenu styleClass="select-general"
									value="#{usuarioClienteController.usuarioClienteEditar.estado}">
									<f:selectItem itemLabel="Activo" itemValue="A" />
									<f:selectItem itemLabel="Inactivo" itemValue="I" />
								</p:selectOneMenu>

								<h:outputLabel styleClass="label-general" value="Cambiar contrase&#241;a" />
								<p:selectBooleanCheckbox id="checkbox" value="#{usuarioClienteController.cambiarContrasenia}">
									<p:ajax process="@this, checkbox" event="change"
											update="contraseniaUsuarioEditar,repetirContraseniaUsuarioEditar" global="false"/>
								</p:selectBooleanCheckbox>

								<p:spacer height="5" />
								<p:spacer height="5" />

								<h:outputLabel styleClass="label-general" value="Contrase&#241;a:" />
								<p:password id="contraseniaUsuarioEditar" value="#{usuarioClienteController.usuarioEditar.contrasenia}"
											styleClass="input-general"
											disabled="#{!usuarioClienteController.cambiarContrasenia}"
											feedback="true" promptLabel="Ingrese una contrase&#241;a"
											weakLabel="Poco segura" title="Contrase&#241;a" required="true"
											requiredMessage="Contrase&#241;a: Requerida."
											goodLabel="Aceptable" strongLabel="Segura">
									<p:ajax update="msgcontraseniaUsuarioNuevo" global="false"/>
								</p:password>

								<h:outputLabel styleClass="label-general" value="Repetir contrase&#241;a:" />
								<p:password id="repetirContraseniaUsuarioEditar" value="#{usuarioClienteController.usuarioEditar.repetirContrasenia}"
											styleClass="input-general"
											disabled="#{!usuarioClienteController.cambiarContrasenia}"
											title="Repita la contrase&#241;a" required="true"
											requiredMessage="Repetir Contrase&#241;a: Requerida.">
									<p:ajax update="msgRepetirContraseniaUsuarioEditar" global="false"/>
								</p:password>

							</p:panelGrid>
						</div>

						<div class="panel-botones" align="center">
							<p:commandButton action="#{usuarioClienteController.actualizarUsuarioCliente}"
											 styleClass="buton-general"
											 process="panelDatosEditarUsuario"
											 update="panelDatosEditarUsuario,plgDtUsuarioCliente,:growl"
											 icon="ui-icon-disk"
											 oncomplete="ocultarDialogSiOperacionEsCorrecta(xhr, status, args,wvPopupUsuarioClienteEditar);"
											 value="Guardar" />
							<span>&#160;</span>
							<p:commandButton value="Cancelar" styleClass="buton-general"
											 process="@this" icon="ui-icon-arrowreturn-1-w"
											 onclick="wvPopupUsuarioClienteEditar.hide();" global="false"/>
						</div>

						<div class="panelMessages">
							<p:message id="msgNombresUsuarioEditar" for="nombresUsuarioEditar" />
							<p:message id="msgApellidosUsuarioEditar" for="apellidosUsuarioEditar" />
							<p:message id="msgtelefonoFijoEditar" for="telefonoFijoEditar" />
							<p:message id="msgnumeroDocumentoEditar" for="numeroDocumentoEditar" />
							<p:message id="msgcargoEditar" for="cargoEditar" />
							<p:message id="msgrpcEditar" for="rpcEditar" />
							<p:message id="msgrpmEditar" for="rpmEditar" />
							<p:message id="msgnextelEditar" for="nextelEditar" />
							<p:message id="msgcorreoEditar" for="correoEditar" />
							<p:message id="msgcontraseniaUsuarioEditar" for="contraseniaUsuarioEditar" />
							<p:message id="msgRepetirContraseniaUsuarioEditar" for="repetirContraseniaUsuarioEditar" />
						</div>
					</h:panelGroup>
				</div>
			</p:dialog>

			<p:dialog id="popupEliminarUsuarioCliente" widgetVar="wvPopupEliminarUsuarioCliente"
					  header="Eliminar usuario cliente" resizable="false" modal="true">
				
				<div class="panelEliminar">
					<h:outputText value=" &#191;Est&#225; seguro de eliminar el usuario?" />
				</div>
				<div class="panel-botones">
					<p:commandButton value="S&#237;" action="#{usuarioClienteController.eliminarUsuarioCliente}"
									 styleClass="buton-general"
									 icon="ui-icon ui-icon-check" process="@this"
									 update="plgDtUsuarioCliente,:growl" oncomplete="wvPopupEliminarUsuarioCliente.hide()" />
					<p:spacer width="5" />
					<p:commandButton value="No" styleClass="buton-general"
									 icon="ui-icon ui-icon-close" global="false"
									 oncomplete="wvPopupEliminarUsuarioCliente.hide()" process="@this" />
				</div>
			</p:dialog>

		</h:form>
	</ui:define>
</ui:composition>